<template>
    <div class="box">
        <el-skeleton :rows="6" animated :loading="loading">
            <el-tabs v-model="activeName" @tab-click="handleClick">

                <el-tab-pane label="问题类型" name="first">
                    

                </el-tab-pane>
                <el-tab-pane label="紧急程度" name="second">
                </el-tab-pane>
                <el-tab-pane label="关闭类型" name="third">
                </el-tab-pane>
            </el-tabs>
        </el-skeleton>



    </div>
</template>
<script>
import Ziduan from './Zzzz.vue'

export default {
    components:{
        Ziduan
    },
    data() {
        return {
            loading: true,
            tableData: [],
            activeName: 'first',
            page: true,
            currentPage: 1,
            count: 5,
            total: 50,
            dialogFormVisible: false,
            dialogFormVisible1: false,
            formInline: { name: '', description: '' },
            form: { name: '', description: '', type: 'true' },
            form1: { name: '', description: '', type: true },
            formLabelWidth: '',
            dialogFormVisible3: false,
            dialogFormVisible4: false,
            dialogFormVisible5: false,
            dialogFormVisible6: false,
            editid: ''
        };
    },
    methods: {

        handleClick(tab) {
            // console.log(tab._props.label);
            this.$store.commit('changeZiduan', tab._props.label)
        },


    },
    mounted() {
        setTimeout(() => {
            this.loading = false
        }, 1000)


    }

}


</script>
<style scoped>
.box {
    width: 90%;
    margin: auto;

}

/* .addbtn {
    display: flex;
    justify-content: space-between;
} */
.title {
    color: rgba(0, 0, 0, 0.525);
    display: flex;
    justify-content: left;
    margin-bottom: 10px;
}

#serch {
    display: flex;
    justify-content: space-between;
}

.block {
    margin: auto;
    margin-top: 20px;
}

/* #add {
    margin-left: 100px;
} */
</style>
  